<script lang="ts" setup>
import { ref } from 'vue'
import { Menu as IconMenu } from '@element-plus/icons-vue'
const isCollapse = ref(false)
</script>
<template>
  <el-menu
    default-active=""
    :router="true"
    class="el-menu-vertical-demo"
    :collapse="isCollapse"
    active-text-color="#ffd04b"
    background-color="#545c64"
    text-color="#fff"
  >
    <el-menu-item index="/admin/list">
      <el-icon><icon-menu /></el-icon>
      <template #title>笔记</template>
    </el-menu-item>
    <el-menu-item index="/admin">
      <el-icon><icon-menu /></el-icon>
      <template #title>面试</template>
    </el-menu-item>
    <el-menu-item index="/admin/add">
      <el-icon><icon-menu /></el-icon>
      <template #title>新增</template>
    </el-menu-item>
  </el-menu>
</template>
<style>
.el-menu-vertical-demo{height: 100%;}
</style>

